<template>
  <div>
    <div class="config">
      <p>暂无信息</p>
    </div>
     <div class="con">
         <div class="bg1"></div>
         <div class="bg2">
             <div class="check">
             <img src="../assets/images/zhaobudao.png" alt="">
             <p>您没有正在分享的链接</p>
             <p>代理链接或者分享都已经过期</p>
            </div>
      

         </div>   
     </div>
   


  </div>
</template>

<script>
export default {
    name: "checkError",
    data() {
        return {};
    },
      beforeCreate() {
        document.getElementsByTagName("body")[0].style.background= "#5aa0c8";
    },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

.con {
    width: 100vw;
    height: 92vh; 
    position: absolute;
    bottom: 0px;
    margin-top: 50px;
}

.con .bg1 {
    width: 90%;
    height: 65vh;
    background: #dae7ef;
    left: 5%;
    border-radius: 5px;
    position: absolute;
    top: 10%;
}
.con .bg2 {
    width: 86%;
    height: 67vh;
    background: #fff;
    left: 7%;
    border-radius: 5px;
    position: absolute;
    top: 9%;
}

.con .check{  
    margin-top: 20vh;    
    text-align: center;
}
.con .check img{
    width: 80px;
}
.con .check p{
    margin-top: 10px;
    color:#5aa0c8 ;
}



</style>
